// Chrome（60+）或 Safari （11+）
const useBrowerVersion = {
	iosMinVersion:11,
	chromeMinVersion:92
}
/**
 * 是否IE
 */
function isIE(){
	var ua = window.navigator.userAgent;
	var msie = ua.indexOf('MSIE '); // IE 10 及之前版本
	var trident = ua.indexOf('Trident/'); // IE 11
	return (msie > -1 || trident > -1)
}

/**
 * 设备是否为ios
 */
function deviceIsIOS(){
	var userAgent = navigator.userAgent;
	var isiOS = userAgent.includes("iPhone") || userAgent.includes("iPad") || userAgent.includes("Mac");
	var isSafari = userAgent.includes("Safari");
	return (isiOS && isSafari)
}

/**
 * 获取浏览器谷歌内核版本
 */
function getChromeVersion(){
	var ua = navigator.userAgent;
	var matches = ua.match(/(Chrome|Firefox)\/([\d.]+)/) || ua.match(/Version\/([\d.]+)/);
	if (matches) {
	  return matches[2];
	}
	return 0;
}
/**
 * 浏览器建议
 */
function showPcRecommend(){
	if(isIE()){
		createRecommendEl()
		return
	}
	var version = parseInt(getChromeVersion())
	if(deviceIsIOS()){
		console.log('ios:',version,navigator.userAgent)
		if(version<useBrowerVersion.iosMinVersion){
			createRecommendEl()
			return
		}
	}else{
		console.log('webkit:',version,navigator.userAgent)
		if(version<useBrowerVersion.chromeMinVersion){
			createRecommendEl()
			return
		}
	}
}

/**
 * 创建建议dom
 */
function createRecommendEl(){
	var dom = document.createElement('div')
	dom.className = 'container'
	dom.style.padding='10px'
	dom.style.position='absolute'
	dom.style.zIndex=9999999
	dom.style.top=0
	dom.style.width='100%'
	try{
		dom.style.background='rgba(0,0,0,.3)'
	}catch(e){
		dom.style.background='#000'
	}
	var panel = document.createElement('div')
	panel.className = 'panel panel-danger'
	try{
		panel.style.background='rgba(255,255,255,.9)'
	}catch(e){
		panel.style.background='#fff'
	}
	panel.style.marginBottom = 0
	var panelHeading = document.createElement('div')
	panelHeading.style.opacity='0.8'
	panelHeading.className='panel-heading'
	panelHeading.innerHTML='温馨提示：当您看到本提示时,当前浏览器可能版本较老，导致无法正常使用本站完整功能。我们为已您提供了解决方案，'
	var aEl = document.createElement('a')
	aEl.setAttribute('href',"javascript:;")
	aEl.innerText='点击此处查看解决方案。'
	var insertBody = {
		show:false
	}
	aEl.onclick=function(e){
		if(insertBody.show) return
		openRecommend(panel,insertBody)
		insertBody.show=true
	}
	panelHeading.appendChild(aEl)
	panel.appendChild(panelHeading)
	dom.appendChild(panel)
	document.querySelector('body').appendChild(dom)

	var closeBtn = document.createElement('i')
	panelHeading.appendChild(closeBtn)
	closeBtn.setAttribute('title','关闭建议')
	closeBtn.className='glyphicon glyphicon-remove-circle'
	closeBtn.style.color='#000'
	closeBtn.style.fontSize='20px'
	closeBtn.style.position='absolute'
	closeBtn.style.top='20px'
	closeBtn.style.right='15px'
	closeBtn.style.cursor='pointer'
	closeBtn.onclick=function(){
		document.querySelector('body').removeChild(dom)
		insertBody.show=false
	}
}

/**
 * 展示建议内容
 */
function openRecommend(el,insertBody){
	var panelBody=document.createElement('div')
	panelBody.className='panel-body'
	el.appendChild(panelBody)
	var infoEl = document.createElement('div')
	infoEl.innerHTML=' \
		<p><strong>浏览器信息：</strong>'+navigator.userAgent+'</p> \
		<p><strong>说明：</strong>您的浏览器可能因版本较老，或者使用了兼容模式运行导致无法正式使用本站完整功能，<strong>建议您更新浏览器或下载最新版浏览器进行访问</strong>。</p> \
		<p><strong>Tips：</strong>如果您使用的是QQ浏览器,360极速浏览器,360安全浏览器,搜狗浏览器等这些拥有双核功能的浏览器(浏览器拥有极速模式或兼容模式或ie模式)，需<strong>切换为极速模式运行</strong>。</p> \
		<p><strong>注：</strong>本站<strong>不支持ie浏览器</strong>访问 （包括 IE9）以上的版本。</p> \
		<p>我们为您推荐以下浏览器进行访问，以下链接可点击直达推荐浏览器下载地址。</p> \
	'
	panelBody.appendChild(infoEl)
	
	var row = document.createElement('div')
	panelBody.appendChild(row)
	row.style.textAlign="center"
	row.className='row'
	row.innerHTML=' \
		<div class="col-sm-3 col-xs-6"> \
			<a href="https://www.google.cn/intl/zh-CN/chrome/" target="_bank" title="点击下载"> \
				<img src="/admin/useBrower/img/chrome.png" style="height:100px" /> \
			</a> \
			<p style="padding-top:10px"> \
				<a href="https://www.google.cn/intl/zh-CN/chrome/" target="_bank" title="点击下载"> \
					谷歌浏览器（<strong>推荐使用</strong>） \
				</a> \
			</p> \
		</div> \
		<div class="col-sm-3 col-xs-6"> \
			<a href="http://www.firefox.com.cn/download/thanks/" target="_bank" title="点击下载"> \
				<img src="/admin/useBrower/img/firefox.png" style="height:100px" /> \
			</a> \
			<p style="padding-top:10px"> \
				<a href="http://www.firefox.com.cn/download/thanks/" target="_bank" title="点击下载"> \
					火狐览器（<strong>推荐使用</strong>） \
				</a> \
			</p> \
		</div> \
		<div class="col-sm-3 col-xs-6"> \
			<a href="https://browser.360.cn/eex/index.html" target="_bank" title="点击下载"> \
				<img src="/admin/useBrower/img/360.png" style="height:100px" /> \
			</a> \
			<p style="padding-top:10px"> \
				<a href="https://browser.360.cn/eex/index.html" target="_bank" title="点击下载"> \
					360极速浏览器（最新版） \
				</a> \
			</p> \
		</div> \
		<div class="col-sm-3 col-xs-6"> \
			<a href="https://www.microsoft.com/zh-cn/edge/download?form=MA13FJ" target="_bank" title="点击下载"> \
				<img src="/admin/useBrower/img/edge.png" style="height:100px" /> \
			</a> \
			<p style="padding-top:10px"> \
				<a href="https://www.microsoft.com/zh-cn/edge/download?form=MA13FJ" target="_bank" title="点击下载"> \
					Edge（最新版） \
				</a> \
			</p> \
		</div> \
	'
	var removeEl = document.createElement('div')
	panelBody.appendChild(removeEl)
	removeEl.style.paddingTop="30px"
	removeEl.style.textAlign="center"
	var removeBtn = document.createElement('a')
	removeEl.appendChild(removeBtn)
	removeBtn.className = 'btn btn-default'
	removeBtn.innerText="收起 ↑"
	removeBtn.setAttribute('href','javascript:;')
	removeBtn.style.width='150px'
	removeBtn.onclick=function(){
		el.removeChild(panelBody)
		insertBody.show=false
	}
}

window.onload=function(){
	try{
		showPcRecommend()
	}catch(e){
		alert('您的浏览器版本太旧，不支持访问本站，请下载最新浏览器进行访问')
	}
}

function checkLoadingWait(){
	setTimeout(function(){
		var loading = document.querySelector('.pageInitRotate')
		if(loading){
			var el = document.createElement('div')
			el.style.fontSize='16px'
			el.innerHTML='当前网速有点慢，请耐心等待...'
			document.querySelector('.pageInitBox').appendChild(el)
			setTimeout(function(){
				el.innerHTML='加载不太顺畅，网络可能有点异常。您可以继续等待，也可以重新打开本页面。'
				el.style.color='#fb6f6f'
			},12000)
		}
	},3000)
}
checkLoadingWait()


// 扩展浏览器对Array.at()的支持
Object.defineProperty(Array.prototype, 'at', {
	value: function (index) {
	  if (index < 0) {
		index += this.length;
	  }
	  return this[index];
	},
	writable: true,
	enumerable: false,
	configurable: true
});